<div hint-msg hintdate="hintdate"></div>
<!-- <div alert-msg toastdata="toastdata"></div> -->

<div class="paper-b m8">
    <div class="flex-box p-r">
        <div class="const tab-s bg-orange">本月剩余<span class="mlr4" ng-bind="animal.fowlCntChick"></span>只</div>
        <div class="img-box h90 w90 mr16 p-r">
            <div class="const-l tab-s  bg-green">原生态</div>
            <img src="./images/chick.jpg" alt="">
        </div>
        <div class="flex1">
            <h5 class="pt8 pb4">生态鸡</h5>
            <p class="c-hint-b fs12 ptb4" ng-bind="goods[0].description"></p>
            <div class="range-box-mater">
                <input type="range" class="w144" value="0" max="2" ng-change="getValue(this.goods[0])" ng-model="goods[0].num" />
            </div>
            <span ng-bind="goods[0].num" class="mlr4 va-m"></span><span class="va-m">只</span>
        </div>
    </div>
</div>
<!-- <div class="paper-b m8">
    <div class="flex-box p-r">
        <div class="const tab-s bg-orange">剩余<span class="mlr4" ng-bind="animal.fowlCntDuckling"></span>只</div>
        <div class="img-box h90 w90 mr16 p-r">
            <div class="const-l tab-s  bg-green">原生态</div>
            <img src="./images/duckling.jpg" alt="">
        </div>
        <div class="flex1">
            <h5 class="pt8 pb4">生态鸭</h5>
            <p class="c-hint-b fs12 ptb4" ng-bind="goods[1].description"></p>
            <div class="range-box-mater">
                <input type="range" class="w82" value="0" max="1" ng-change="getValue(this.goods[1])" ng-model="goods[1].num" />
            </div>
            <span ng-bind="goods[1].num" class="mlr4 va-m"></span><span class="va-m">只</span>
        </div>
    </div>
</div>
<div class="paper-b m8">
    <div class="flex-box p-r">
        <div class="const tab-s bg-orange">剩余<span class="mlr4" ng-bind="animal.fowlCntGosling"></span>只</div>
        <div class="img-box h90 w90 mr16 p-r">
            <div class="const-l tab-s  bg-green">原生态</div>
            <img src="./images/gosling.jpg" alt="">
        </div>
        <div class="flex1">
            <h5 class="pt8 pb4">生态鹅</h5>
            <p class="c-hint-b fs12 ptb4" ng-bind="goods[2].description"></p>
            <div class="range-box-mater">
                <input type="range" class="w82" value="0" max="1" ng-change="getValue(this.goods[2])" ng-model="goods[2].num" />
            </div>
            <span ng-bind="goods[2].num" class="mlr4 va-m"></span><span class="va-m">只</span>
        </div>
    </div>
</div> -->
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4 class="pb4">小贴士</h4>
    <ul class="fs12 list-style">
        <li>
             生态鸡建议饲养<span class="c-red">180天</span>，达到最鲜美的肉质。
        </li>
        <li>
            下单时需要支付家禽宝宝<span class="c-red">￥5</span>以及当月饲养费<span class="c-red">￥25</span>。
        </li>
        <li>
            家禽饲养费需要到用户中心->查看代养中支付。
        </li>
    </ul>
</div>
<!-- <div class="paper-b p16 m8">
    <table class="table table-condensed table-hover table-responsive table-striped">
        <thead>
            <tr>
                <th>家禽</th>
                <th>每月饲养费用</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>鸡</td>
                <td>20元</td>
            </tr>
            <tr>
                <td>鸭</td>
                <td>30元</td>
            </tr>
            <tr>
                <td>鹅</td>
                <td>35元</td>
            </tr>
        </tbody>
    </table>
</div> -->
<div cost-btm costdata="costdata"></div>
<style>
.w82 {
    width: 82px;
}

.img-box {
    overflow: hidden;
}

.img-box>img {
    height: 100%;
}

.tab-s {
    font-size: 12px;
    color: #fff;
    padding: 1px 4px 1px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.const {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
}

.const-l {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
}
.list-style{
    list-style: inside;
}

</style>
